*{
    margin: 0;
    padding: 0;
}

/** 定义颜色 */
@c10: #002329;
@c9: #00474f;
@c8: #006d75;
@c7: #08979c;
@c6: #13c2c2;
@c5: #36cfc9;
@c4: #5cdbd3;
@c3: #87e8de;
@c2: #b5f5ec;
@c1: #e6fffb;
@c0: rgba(230, 255, 251, .6);
@g1: #ffffff;
@g2: #fafafa;
@g3: #f5f5f5;
@g4: #f0f0f0;
@g5: #d9d9d9;
@g6: #bfbfbf;
@g7: #c52e2e;
@g8: #595959;
@g9: #434343;
@g10: #262626;
@g11: #1f1f1f;
@g12: #141414;
@g13: #000000;

/** 定义一个相对定位方法 */
.rel() {
    display: block;
    position: relative;
}

/** 清除浮动的方法 */
.clear() {
    &::after {
        content: '';
        .ref();
        clear: both;
        width: 0;
        height: 0;
    }
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,figure,figcaption{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,b,strong{
    font-weight: normal;
    font-size: 100%;
    /* 取消加粗及文字统一大小 */
}
i,em{
    font-style: normal;
    /* 取消倾斜 */
}
li{
    list-style: none;
    /* 取消项目符号 */
}
a{
    text-decoration: none;
    /* 取消下划线 */
    color: #444;
}
img{
    vertical-align: middle;
    /* 防止图像产生间隔 */
}
input{
    outline: none;
    /* 取消搜索焦点框 */
}